<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://meftun-demo.blogspot.de/favicon.ico' rel='icon' type='image/x-icon'/>
<title>Blogger İçin renkli JQuery Menü | MeftunMede.Blogspot.com</title>
<link href='http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src='http://meftun-mede.googlecode.com/svn/trunk/Meftun_Jquery_rekli_menu.js' type='text/javascript'></script>
<style type='text/css'>
/*-----------------------------------------------
Blogger Template Style
STATIC HTML Theme By http://MeftunMede.Blogspot.com
----------------------------------------------- */
p{font-family:Oswald,Arial,Helvetica,sans-serif;color:#000;}
.mef a{text-decoration:none;font-family:Oswald,Arial,Helvetica,sans-serif;color:#1BC3F8;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;padding:2px 4px;}
.mef a:hover{background:#2882b7;font-family:Oswald,Arial,Helvetica,sans-serif;color:#fff;}
#back-top,#back-top:hover{position:fixed;display:none;bottom:20px;right:20px;cursor:pointer;width:52px;height:52px;text-align:center;text-decoration:none;color:rgba(100,100,100,0.8);font-size:16px;border:#c5ccd3 solid 1px;border-radius:30px;z-index:9999;padding-top:35px;box-sizing:border-box;background:rgba(208,215,222,0.5);}
#back-top:hover{color:#000;text-shadow:1px 1px 0 #fff;background:rgba(208,215,222,0.9);border-color:#8fa8c1;}
#back-top:before{display:block;content:"";position:absolute;z-index:998;background:rgba(222,225,231,0.3);width:66px;height:66px;border-radius:35px;border:#c5ccd3 solid 1px;top:-9px;left:-9px;}
#back-top:hover:before{border-color:#8fa8c1;}
#back-top:after{display:block;content:"";position:absolute;z-index:10000;background:url(http://1.bp.blogspot.com/-MBsSG4AyHYE/T-8n0g21MHI/AAAAAAAAAlI/MAXfwyadNRc/s1600/belaki.png) 0px 0px no-repeat;opacity:0.5;width:25px;height:33px;top:10px;left:50%;margin-left:-14px;}
#back-top,#back-top:after,#back-top:before{transition:.5s;}
#back-top:hover:after{opacity:1;animation-duration:.5s;animation-iteration-count:infinite;animation-name:arrow_to_top;animation-timing-function:linear;}
.MEF-Nav-container{background:url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x;position:relative;border:1px solid #cfcfcf;margin:0;padding:0;}
ul#nav{border-left:1px solid #cfcfcf;border-right:0 solid #cfcfcf;background:url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x;position:relative;font-size:13px;font-family:Oswald, helvetica, arial, sans-serif;list-style:none;width:960px;margin:0 auto;padding:0;}
#nav ul{margin:0;}
:focus{outline:0;}
*html ul#nav{clear:both;height:1%;}
ul#nav li a{display:block;float:left;text-transform:uppercase;font-weight:400;line-height:33px;color:#333;text-decoration:none;background:url(http://3.bp.blogspot.com/-GhdMtMAzybA/UEIRnwbrOqI/AAAAAAAAHeU/fShdjYuWetk/s400/menu-rule.png) right 2px no-repeat;padding:0 13px 0 10px;}
ul#nav li a:hover,ul#nav li a.open{color:#fff;}
ul#nav li#mef a:hover,ul#nav li#mef a.open{background:#0f1f37;}
ul#nav li#link-haberler a:hover,ul#nav li#link-haberler a.open{background:#cf3c02;}
ul#nav li#link-yasam a:hover,ul#nav li#link-yasam a.open{background:#724375;}
ul#nav li#link-teknoloji a:hover,ul#nav li#link-teknoloji a.open{background:#02b0cf;}
ul#nav li#link-top10 a:hover,ul#nav li#link-top10 a.open{background:#353533;}
ul#nav li#links-2 a:hover,ul#nav li#links-2 a.open{background:#289728;}
ul#nav li#links-3 a:hover,ul#nav li#links-3 a.open{background:#666;}
ul#nav li#link-home a{text-indent:-9999px;background:url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right 0 no-repeat;padding:0 33px 0 10px;}
*html ul#nav li#link-home a{width:43px;padding:0;}
ul#nav li#link-home a:hover{background:url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right -33px no-repeat;}
ul.sub-nav{position:absolute;top:33px;left:-1px;overflow:hidden;width:960px;display:none;z-index:999;list-style:none;padding-left:0;}
ul#nav li#mef ul.sub-nav{background:#6f7987 url(http://4.bp.blogspot.com/-gRDfUUsFFvo/UEIRmB-rQHI/AAAAAAAAHdk/PnpJ42Y5ylk/s400/business-subnav-bgd.png) top left repeat-x;}
ul#nav li#link-sanat ul.sub-nav{background:#d46b8e url(http://4.bp.blogspot.com/-x-W--ENCpB4/UEIRmWbi1WI/AAAAAAAAHdw/VWjPx1M9Fow/s400/entertainment-subnav-bgd.png) top left repeat-x;}
ul#nav li#link-haberler ul.sub-nav{background:#e28a67 url(http://1.bp.blogspot.com/-mow7_vOvv4Y/UEIRwMycevI/AAAAAAAAHeg/Cc6h-0Hv-7Y/s400/news-subnav-bgd.png) top left repeat-x;}
ul#nav li#link-yasam ul.sub-nav{background:#aa8eac url(http://2.bp.blogspot.com/-UmuzlpeD1EM/UEISysxvDbI/AAAAAAAAHe4/N78T1ifkhug/s400/life-subnav-bgd.png) top left repeat-x;}
ul#nav li#link-teknoloji ul.sub-nav{background:#67d0e2 url(http://2.bp.blogspot.com/-ZrSwFUKdaJE/UEIRwVZsdKI/AAAAAAAAHes/M8UCU-GrSoI/s400/technology-subnav-bgd.png) top left repeat-x;}
ul#nav li ul.sub-nav li{float:left;}
ul#nav li ul.sub-nav li a{float:none;background:none;font-size:12px;text-transform:none;color:#fff;line-height:25px;}
ul#nav li#mef ul.sub-nav li a:hover,ul#nav li#mef ul.sub-nav li a.active-cat{background:#0f1f37!important;}
ul#nav li#link-sanat ul.sub-nav li a:hover,ul#nav li#link-sanat ul.sub-nav li a.active-cat{background:#b70943!important;}
ul#nav li#link-haberler ul.sub-nav li a:hover,ul#nav li#link-haberler ul.sub-nav li a.active-cat{background:#cf3c02!important;}
ul#nav li#link-yasam ul.sub-nav li a:hover,ul#nav li#link-yasam ul.sub-nav li a.active-cat{background:#724375!important;}
ul#nav li#link-teknoloji ul.sub-nav li a:hover,ul#nav li#link-teknoloji ul.sub-nav li a.active-cat{background:#02b0cf!important;}
*html ul#nav li.top-link,:first-child+html ul#nav li.top-link{float:left;padding-top:2px;margin:0 0 -13px;}
ul#nav li#link-sanat a:hover,ul#nav li#link-sanat a.open,ul#nav li#links-1 a:hover,ul#nav li#links-1 a.open,ul#nav li#links-4 a:hover,ul#nav li#links-4 a.open{background:#b70943;}
</style>
</head>
<body>
<a href='#top' id='back-top' style='right:0px; display: inline;'></a>
<!--RENKLİ TABS BAŞLANGICI BY MEFTUN MEDE-->
<div class='MEF-Nav-container'>
<ul id='nav'>
<li class='non-vertical-link top-link' id='link-home'><a class='open' href='#'>Ana Sayfa</a></li>
<li class='top-link' id='mef'><a href='#'>TAB 1</a>
<ul class='sub-nav'>
<li><a href='#'>SUB TAB 1.1</a></li>
<li><a href='#'>SUB TAB 1.2</a></li>
<li><a href='#'>SUB TAB 1.3</a></li>
<li><a href='#'>SUB TAB 1.4</a></li>
</ul>
</li>
<li class='top-link' id='link-sanat'><a href='#'>TAB 2</a>
<ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 2.1</a></li>
<li><a href='#'>SUB TAB 2.2</a></li>
<li><a href='#'>SUB TAB 2.3</a></li>
<li><a href='#'>SUB TAB 2.4</a></li>
<li><a href='#'>SUB TAB 2.5</a></li>
</ul>
</li>
<li class='top-link' id='link-haberler'><a href='#'>TAB 3</a>
<ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 3.1</a></li>
<li><a href='#'>SUB TAB 3.2</a></li>
<li><a href='#'>SUB TAB 3.3</a></li>
<li><a href='#'>SUB TAB 3.4</a></li>
</ul>
</li>
<li class='top-link' id='link-yasam'><a href='#'>TAB 4</a>
<ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 4.1</a></li>
<li><a href='#'>SUB TAB 4.2</a></li>
<li><a href='#'>SUB TAB 4.3</a></li>
<li><a href='#'>SUB TAB 4.4</a></li>
<li><a href='#'>SUB TAB 4.5</a></li>
<li><a href='#'>SUB TAB 4.6</a></li>
<li><a href='#'>SUB TAB 4.7</a></li>
</ul>
</li>
<li class='top-link' id='link-teknoloji'><a href='#'>TAB 5</a>
<ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 5.1</a></li>
<li><a href='#'>SUB TAB 5.2</a></li>
<li><a href='#'>SUB TAB 5.3</a></li>
<li><a href='#'>SUB TAB 5.4</a></li>
<li><a href='#'>SUB TAB 5.5</a></li>
</ul>
</li>
<li class='non-vertical-link top-link' id='link-top10'><a href='#'>TAB 6</a></li>
<!-- <li class='non-vertical-link top-link' id='links-1'><a href='#'>TAB 7</a></li> -->
<!-- <li class='non-vertical-link top-link' id='links-2'><a href='#'>TAB 8</a></li> -->
<!-- <li class='non-vertical-link top-link' id='links-3'><a href='#'>TAB 9</a></li> -->
<!-- <li class='non-vertical-link top-link' id='links-4'><a href='#'>TAB 10</a></li> -->
<li style='clear: both;'></li>
</ul>
</div>
<!--RENKLİ TABS SONU BY MEFTUN MEDE-->
<div class="separator" style="clear: both; text-align: center;">
<div style='height:1600px; margin-top:220px; '>
<a href="http://1.bp.blogspot.com/-rVsNPNHIX8E/UAgNcPyWbtI/AAAAAAAAAHo/-LczSB2OxCE/s400/Angel_Mef.png" imageanchor="0"><img src="http://1.bp.blogspot.com/-rVsNPNHIX8E/UAgNcPyWbtI/AAAAAAAAAHo/-LczSB2OxCE/s400/Angel_Mef.png" border="0"></a><br>
<div class="mef a">
<center><p>&#169; 2013 <a href='http://MeftunMede.Blogspot.com'>MeftunMede.Blogspot.com </a></p></center>
</div>
</div>
</div>
</body>
</html>